<template>
  <v-card>
    <v-card-title>
      <span class="headline">账号设置</span>
    </v-card-title>
    <v-card-text>
      <v-container fluid>
        <v-row align="center">
          <v-col cols="4" >
            <v-subheader class="font-weight-bold text-no-wrap"
              >手机</v-subheader
            >
          </v-col>
          <v-col cols="6">
              18110000000
          </v-col>
          <v-col cols="2" class="blue--text text--darken-1 text-no-wrap">
              绑定
          </v-col>
        </v-row>

        <v-row align="center">
          <v-col cols="4" >
            <v-subheader class="font-weight-bold text-no-wrap"
              >微信</v-subheader
            >
          </v-col>
          <v-col cols="6">
              未绑定
          </v-col>
          <v-col cols="2" class="blue--text text--darken-1 text-no-wrap">
              绑定
          </v-col>
        </v-row>

        <v-row align="center">
          <v-col cols="4" class="d-flex align-center">
            <v-subheader class="font-weight-bold text-no-wrap"
              >新浪微博</v-subheader
            >
          </v-col>
          <v-col cols="6">
              未绑定
          </v-col>
          <v-col cols="2" class="blue--text text--darken-1 text-no-wrap">
              绑定
          </v-col>
        </v-row>
        <v-row align="center">
          <v-col cols="4" class="d-flex align-center">
            <v-subheader class="font-weight-bold text-no-wrap">QQ</v-subheader>
          </v-col>
          <v-col cols="6">
              未绑定
          </v-col>
          <v-col cols="2" class="blue--text text--darken-1 text-no-wrap">
              绑定
          </v-col>
        </v-row>
        <v-row align="center">
          <v-col cols="4" class="d-flex align-center">
            <v-subheader class="font-weight-bold text-no-wrap"
              >密码</v-subheader
            >
          </v-col>
          <v-col cols="6">
              
          </v-col>
          <v-col cols="2" class="blue--text text--darken-1 text-no-wrap">
              修改
          </v-col>
        </v-row>
        <v-row align="center">
          <v-col cols="4" class="d-flex align-center">
            <v-subheader class="font-weight-bold text-no-wrap"
              >账号注销</v-subheader
            >
          </v-col>
          <v-col cols="6">

          </v-col>
          <v-col cols="2" class="blue--text text--darken-1 text-no-wrap">
              注销
          </v-col>
        </v-row>
      </v-container>
    </v-card-text>
    <v-card-actions class="d-flex justify-center">
      <v-btn color="banzhuan" dark> 保存 </v-btn>
      <nuxt-link
        to="/homepage"
        class="blue--text text-accent-3 text-decoration-none"
      >
        <v-btn color="#eeee" class="mx-2"> 返回 </v-btn>
      </nuxt-link>
    </v-card-actions>
  </v-card>
</template>

<script>
export default {
  data: () => ({}),
  methods: {},
}
</script>

<style></style>
